<template>
  <div>
    <!-- <TypeNav></TypeNav> -->
    <ListContainer></ListContainer>
    <Floor v-for="floor in arrList" :key="floor.id" :floor="floor"></Floor>
    <!-- <Floor></Floor> -->

    <Brand></Brand>
  </div>
</template>

<script>
import ListContainer from './components/ListContainer';
import Floor from './components/FloorContains';
import Brand from './components/Brand';
export default {
  name: 'Home',
  //注册
  components: {
    ListContainer,
    Floor,
    Brand,
  },
  data() {
    return {
      arrList: [],
    };
  },
  //在父组件获取楼层数据，因为楼层有两个，放父组件遍历
  async mounted() {
    // console.log(this.$API);
    const result = await this.$API.home.reqFloor();
    let arrItem = result.data.data;
    this.arrList = arrItem;
    // console.log('reqFloor',arrList );
  },
};
</script>

<style></style>
